<template>
	<view class="pageContainer" :class="vi_pageSize">
		<vi-notify :top="topfix" ref="vi_notify"></vi-notify>
		<module-loading ref="vi_loading" :loading="vi_loading" :loadingMask="vi_loadingMask"></module-loading>
		<vi-headbar goback>{{vi_pageTitle}}</vi-headbar>
		<view class="p-sm">
			<view class="py-sm">
				<vi-button plain width="60%" @click="linkToKey('commonDialog')">对话框方案 commonDialog</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain width="60%" @click="linkToKey('commonPopup')">弹出框方案 commonPopup</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('headbar')">头部导航 headbar</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('searchbar')">搜索条 searchbar</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('tag')">标签 tag</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('tabs')">标签切换 tabs</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain width="60%" @click="linkToKey('imageEnlarge')">图片放大器 image-enlarge</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain width="60%" @click="linkToKey('imageViewer')">图片组预览器 image-viewer</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('uploader')">上传管理器 uploader</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('timeline')">时间线 timeline</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('loading')">加载动画 loading</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('sendcode')">发送验证码 sendcode</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain width="60%" @click="linkToKey('formulaEditor')">公式编辑器 formula-editor</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('timetips')">时间标签 timetips</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('steps')">步骤条 steps</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('pagination')">分页器 pagination</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('transfer')">穿梭框 transfer</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('swipeCell')">滑动单元格 swipeCell</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('countdown')">倒计时 countdown</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('sign')">标记 sign</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('tabbar')">标签栏 tabbar</vi-button>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.pageContainer{
	
}
</style>
